<template>
    <div class="header">
    	<slot></slot>
    	<i class=" fa fa-angle-left" v-show="show" @click="toBack"></i>
    	<a href="#" class="sign"><img src="../../assets/qiandao.png"></a>
    </div>
</template>

<script>
	export default {
        props:{
        	show: {
        		type:Boolean,
        		default:false
        	}
        },
        methods:{
        	toBack(){
        		this.$router.go(-1);
        	}
        }
	}
</script>

<style scoped lang="less">
	.header{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 50px;
		background: #ff6100;
		line-height: 50px;
		text-align: center;
		font-size: 0.36rem;
		color: #fff;
		i{
			position: absolute;
			left: 20px;
			line-height: 50px;
			font-size: 40px;
			color: #fff;
		}
		.sign{
			position: absolute;
			right: 20px;
			top: 0;
			img{width: 0.6rem;height: 40px;line-height: 40px;padding-top: 5px;}
		} 
	}
</style>